<template>
  <div id="app">
  	<div v-transfer-dom>
      <loading v-model="isLoading"></loading>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
import { Loading, TransferDom } from 'vux'
import { mapState } from 'vuex'

export default {
  name: 'app',
  directives: {
    TransferDom
  },
  components: {
    Loading
  },
  computed: {
    ...mapState({
      isLoading: state => state.vux.isLoading
    })
  }
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
// @import '../static/fonts/reset.less';
body {
  font-family: 'MicrosoftYaHei','微软雅黑' !important;
}
#app{
  height: 100%;
  width: 100%;
}
</style>
